<template>
<div id="D">
  <div v-for="(v,i) in arr" :key="i">    
     <h4 >{{v.h}}</h4>
     <ul>
         <li v-for="(s,a) in v.arry" :key="a">
             <router-link to="/xiangqing">
            <img :src="s.img" alt="">
             <p>{{s.title}}</p>
              </router-link>
         </li>
     </ul>
 </div>    
  </div>
</template>

<script>
export default {
data() {
    return {
        arr:[{
h:"卸妆",
arry:[
    {
    img:"fenlei/xiezhuang/1.jpg",
title:"卸妆啫喱"    
    }, 
     {
img:"fenlei/xiezhuang/2.jpg",
title:"卸妆液"
        },
        {
img:"fenlei/xiezhuang/3.jpg",
title:"卸妆乳"
        },
            
        {
img:"fenlei/xiezhuang/4.jpg",
title:"卸妆油"
        },
          {
img:"fenlei/xiezhuang/5.jpg",
title:"卸妆巾"
        },
          
        {
img:"fenlei/xiezhuang/6.jpg",
title:"套装"
        }

]
        },  
        ]
    }
},
}
</script>

<style scoped>
#D div{
    float:left;
    width: 75%;
   font-size:0.14rem ;
}
h4{
    margin: 0.15rem;
}
li img{
    width: 0.8rem;
    height: 0.8rem;
    
}
li{
    width: 33%;
    float: left;
    text-align: center;
}
</style>